<template>
  <header class="header" > <i :class="{'cubeic-back':left}"></i> <h1 >{{title}}</h1> </header>
</template>

<script>
export default {
  name:'comheader',
  props:['title','left']
}
</script>

<style lang="less" scoped>
    .header{
          position: relative;
          height: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #edf0f4;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          z-index: 5;
          .cubeic-back{
              position: absolute;
              top: 0;
              left: 0;
              padding: 0 15px;
              color: #fc9153;
          }
          h1{
              font-size: 16px;
              color: #666;
          }
   }
</style>